<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>外出</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <link rel="stylesheet" href="../../css/jqweui/lib/weui.min.css">
    <link rel="stylesheet" href="../../css/jqweui/css/jquery-weui.css">
    <link rel="stylesheet" href="../../css/jqweui/css/jqweui_extend.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_539359_97a6do1vbxq.css">
    <link rel="stylesheet" href="../../css/h-manage.css">
    <script src="../../script/plugins/jquery.min.js"></script>
    <script type="text/javascript" src="../../script/plugins/in/in-min.js"></script>
    <script type="text/javascript" src="../../css/jqweui/js/in-config.js"></script>
    <script src="../../css/jqweui/js/jquery-weui.js"></script>
    <script src="../../css/jqweui/js/util.js"></script>
</head>
<body class="wrap">
<section class="mc-view-box">
    <div class="mc-header bg-black">
        <a href="javascript:;" onclick="utils.back();" class="head-icon">
            <i class="iconfont icon-arrow-left"></i>
        </a>
        <div class="main-box head-title text-left">
            外出
        </div>
        <a href="javascript:;" class="head-icon"></a>
    </div>
    <div class="mc-scrollview">
        <div class="mh-bd">
            <div class="weui-cells uh-none-line">
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>外出类型</p>
                    </div>
                    <div class="weui-cell__ft">
                        <input type="text" class="uh-input-text" id="leavetype" name="" value="" placeholder="请选择">
                    </div>
                </a>
            </div>
            <div class="weui-cells uh-none-line">
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>开始时间</p>
                    </div>
                    <div class="weui-cell__ft">
                        <input type="text" class="uh-input-text uh-laydate" id="" name="" value="" placeholder="请选择"/>
                    </div>
                </a>
            </div>
            <div class="weui-cells uh-none-line">
                <a class="weui-cell weui-cell_access" href="javascript:;">
                    <div class="weui-cell__bd">
                        <p>结束时间</p>
                    </div>
                    <div class="weui-cell__ft">
                        <input type="text" class="uh-input-text uh-laydate" name="" value="" placeholder="请选择"/>
                    </div>
                </a>
            </div>
            <div class="weui-cells">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <p>时长</p>
                    </div>
                    <div class="weui-cell__ft">请输入时长</div>
                </div>
            </div>
            <div class="mc-split-line bg-gray"></div>
            <div class="weui-cells uh-none-line">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <p>外出事由</p>
                    </div>
                </div>
            </div>
            <div class="weui-cells weui-cells_form">
                <div class="weui-cell">
                    <div class="weui-cell__bd">
                        <textarea class="weui-textarea" placeholder="请输入外出事由" rows="3"></textarea>
                    </div>
                </div>
            </div>
            <div class="mc-split-line bg-gray"></div>
            <div class="mh-select-box">
                <div class="mh-select-title sh-fc-black">图片</div>
                <div class="mh-select-main">
                    <div class="mh-select-img">
                        <img src="../../image/01.jpg" style="width: 100%">
                    </div>
                    <div class="mh-select-add"><i class="iconfont icon-shangchuantupian"></i></div>
                </div>
            </div>
            <div class="mc-split-line bg-gray"></div>
            <div class="mh-select-box">
                <div class="mh-select-title sh-fc-black">审批人</div>
                <div class="mh-select-main">
                    <div class="mh-select-icon ">
                        <img src="../../image/sex-2.png" style="width: 100%">
                    </div>
                    <div class="mh-select-add"><i class="iconfont icon-jiahao"></i></div>
                </div>
            </div>
        </div>
        </div>
    </div>
    <div class="mc-footer-box">
        <div class="mh-btn-box">
            <a href="javascript:;" class="weui-btn weui-btn_plain-default mh-btn">提交</a>
        </div>
    </div>
</section>
<script>
    $(".uh-laydate").datetimePicker();
    $("#leavetype").select({
        title: "选择外出类型",
        items: ["拜访", "采购"]
    });
</script>
</body>
</html>
